<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="__MODULE_LIBS__/css/weui.min.css">
    <link rel="stylesheet" href="__MODULE_LIBS__/css/jquery-weui.css">
    <link rel="stylesheet" href="__MODULE_LIBS__/css/demos.css">
    <link rel="stylesheet" href="__MODULE_LIBS__/css/liMarquee.css">
    <script src="__MODULE_LIBS__/js/jquery-2.1.4.js"></script>
    <script src="__MODULE_LIBS__/js/fastclick.js"></script>
    <script src="__MODULE_LIBS__/js/jquery-weui.js"></script>
    <script src="__MODULE_LIBS__/js/jquery.liMarquee.js"></script>
    <title>{$is_language?'個人中心':'Personal Center'}</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            font-size: 15px;
            color: #333;
        }
        html {
            background-color: #373553;
        }
        body {
            padding: 10px 5%;
        }
        .top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
        }
        .pur {
            color: #713EA5;
        }
        .grey {
            color: #8E8E8E;
        }
        .bg-pur {
            background-color: #713EA5;
        }
        .fs-12 {
            font-size: 12px;
        }
        .line {
            height: 5px;
            background-color: #F3F3F3;
        }
        .nav,.nav1 {
            display: flex;
            justify-content: space-between;
            padding: 20px 5%;
            flex-wrap: wrap;
        }
        .nav a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: 12px;
            position: relative;
            width: 25%;
            margin: 10px 0;
        }
        .nav1 a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size: 12px;
            position: relative;
            width: 33.3%;
            margin: 10px 0;
        }
        .nav img,.nav1 img {
            width: 20px;
            margin-bottom: 5px;
        }
        .fs-15 {
            font-size: 15px;
        }
        .num {
            background: red;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            color: #fff;
            position: absolute;
            font-size: 10px;
            right: -10px;
            top: -8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .num1 {
            background: red;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            color: #fff;
            position: absolute;
            font-size: 10px;
            right: 12px;
            top: -8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .sn {
            word-break: keep-all; /* 不换行 */
            white-space: nowrap; /* 不换行 */
            overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
            text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) */
            width: 100%;
            text-align: center;
        }
    </style>
</head>
<body>
<div class="top">
		<span style="color: #fff; display: flex; align-items: center;">
			<img src="http://cdn.mogo.club/b6fc975622c610e53dc6b0cedb0c6463.png" style="width: 27px;margin-right: 5px;">
			HGB
		</span>
    <span>
			<select name="" id="yy" style="border-radius: 15px;font-size: 12px;padding: 4px 10px;">
	            <option value="1" {$is_language?
            'selected':''}>中文</option>
                <option value="0" {$is_language?
            '':'selected'}>English</option>
	        </select>
		</span>
</div>
<div style="background-color: #fff;border-radius: 20px;margin-top: 25px;padding: 5% 0;">
    <div style="padding: 0 5%">
        <div style="display: flex;justify-content: space-between;align-items: center;">
            <span style="font-size: 24px">{$user_data['nickname']}</span>
            <a href="{:url('news_user/index')}" style="position: relative">
                <img src="http://cdn.mogo.club/a413e3c282519a30db40da143c6b6110.png" style="width: 20px">
                {if $news_count > 0}
                <div class="num">{$news_count}</div>
                {/if}
            </a>
        </div>
        <div>
            <a href="{:url('user/edit')}" style="font-size: 12px;color: #BBBBBB;border:1px solid;padding: 2px 5px;border-radius: 10px">
                <img src="http://cdn.mogo.club/abfa1319bd8a9bdae49fa731907b93a8.png" style="width: 10px">
                {$is_language?'修改資料':'Modification of information'}
            </a>
        </div>
        <div style="display: flex;justify-content: space-between;margin: 20px 0;">
            <div>
                <div class="pur fs-12 sn"><?php echo number_format($user_data['sum_money'],2,'.',',');?></div>
                <div class="grey fs-12 sn">{$is_language?'HGB總值':'HGB gross value'}</div>
            </div>
            <div>
                <div class="pur fs-12 sn"><?php echo number_format($user_data['money1'],2,'.',',');?></div>
                <div class="grey fs-12 sn">{$is_language?'積分':'integral'}</div>
            </div>
            {if $_SESSION['dolphin_admin_']['home_user']['group_id']==2}
            <div>
                <div class="pur fs-12 sn"><?php echo number_format($user_data['money4'],2,'.',',');?></div>
                <div class="grey fs-12 sn">{$is_language?'資產余額':'assets balance'}</div>
            </div>
            {/if}
            <div>
                <div class="pur fs-12 sn"><?php echo number_format($user_data['money2'],2,'.',',');?></div>
                <div class="grey fs-12 sn">{$is_language?'獎金':'bonus'}</div>
            </div>
            <div>
                <div class="pur fs-12 sn">{$user_data['code']}</div>
                <div class="grey fs-12 sn">{$is_language?'邀請碼':'Invitation code'}</div>
            </div>
        </div>
    </div>
    <div class="line"></div>
    <div style="padding: 5px 5%;display: flex;align-items: center;">
        <img src="http://cdn.mogo.club/7eef7b2d1ad9c08e369042f7ca132225.png" style="width: 20px;margin-right: 10px">
        <div class="str1">
            {foreach $news as $item}
            <a href="{:url('index/news_main',array('id'=>$item['id']))}" class="fs-12">{$item['title']}</a>
            {/foreach}
        </div>
    </div>
    <div class="line"></div>
    <div class="nav">
        <a href="{:url('goods/index')}">
            <img src="http://cdn.mogo.club/1f4cc831fd0674716dd105c5d08c2368.png">
            <span class="sn fs-12">{$is_language?'交易大廳':'Trading hall'}</span>
            {if $_SESSION['dolphin_admin_']['home_user']['group_id']==2}
            {if $order_count}
            <div class="num1">{$order_count}</div>
            {/if}
            {/if}
        </a>

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']!=2}
        <a href="{:url('mix/index')}">
            <img src="http://cdn.mogo.club/a0f920cda6878936952e1165cf52e445.png">
            <span class="sn fs-12">{$is_language?'充值':'RuiRu'}</span>
        </a>
        {/if}

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']!=2}
        <a href="{:url('mixout/index')}" >
            <img src="http://cdn.mogo.club/74b1e20e48670f2c274e0fac5be6d4e3.png">
            <span class="sn fs-12">{$is_language?'提現':'Cash'}</span>
        </a>
        {/if}

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']==2||$user_data['is_balance']==1}
        <a href="{:url('user/lists')}" >
            <img src="http://cdn.mogo.club/4a8ec047776b9db4524221089952388e.png">
            <span class="sn fs-12">{$is_language?'關聯賬號':'Associated account'}</span>
        </a>
        {/if}

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']==2||$user_data['is_balance']==1}
        <a href="{:url('mix/mix_apply_list')}" >
            <img src="http://cdn.mogo.club/eafd9c1c29bfec508f2197280cfbba56.png">
            <span class="sn fs-12">{$is_language?'結算充值':'Apply for exchange'}</span>
            {if $_SESSION['dolphin_admin_']['home_user']['group_id']==2||$user_data['is_balance']==1}
            {if $mix_count}
            <div class="num1">{$mix_count}</div>
            {/if}
            {/if}
        </a>
        {/if}

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']==2||$user_data['is_balance']==1}
        <a href="{:url('mixout/mixout_apply_list')}" >
            <img src="http://cdn.mogo.club/1ad3028c157a38064477a4857bd9bf5e.png">
            <span class="sn fs-12">{$is_language?'結算提現':'Cancellation of application'}</span>
            {if $_SESSION['dolphin_admin_']['home_user']['group_id']==2||$user_data['is_balance']==1}
            {if $mixout_count}
            <div class="num1">{$mixout_count}</div>
            {/if}
            {/if}
        </a>
        {/if}

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']==2}
        <a href="{:url('trans/transformation')}" >
            <img src="http://cdn.mogo.club/410c5445829883ee28cc4bed333b9fea.png">
            <span class="sn fs-12">{$is_language?'積分轉資産余額':'Balance to assets balance'}</span>
        </a>
        {/if}

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']==2}
        <a href="{:url('apply/see')}" >
            <img src="http://cdn.mogo.club/af3005e5b919be1142e58f82070517c8.png">
            <span class="sn fs-12">{$is_language?'用戶反饋':'Feedback'}</span>
            {if $apply_count}
            <div class="num1">{$apply_count}</div>
            {/if}
        </a>
        {/if}

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']==2}
        <a href="{:url('index/set_min_mix_out')}" >
            <img src="http://cdn.mogo.club/4077e113129f34ab632a5c2be2005f0a.png">
            <span class="sn fs-12">{$is_language?'提現設置':'Set up minout'}</span>
        </a>
        {/if}

    </div>
    <div class="line"></div>
    <div class="nav1" style="padding-bottom: 0">
        {if $_SESSION['dolphin_admin_']['home_user']['group_id']!=2}
        <a href="{:url('mix/rechargelist')}">
            <img src="http://cdn.mogo.club/c7690ae84d409011b9b4e2e74950fa5b.png" alt="" style="width: 30px">
            <span class="fs-15 sn">{$is_language?'充值記錄':'Entry record'}</span>
            {if $pu_mix_count > 0}
            <div class="num1">{$pu_mix_count}</div>
            {/if}
        </a>
        {/if}

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']!=2}
        <a href="{:url('mixout/witndrawlist')}" class="fs-15">
            <img src="http://cdn.mogo.club/f81c8d4a9dcf12e2757c1f719a2dfc54.png" alt="" style="width: 30px">
            <span class="fs-15 sn">{$is_language?'提現記錄':'Out of record'}</span>
            {if $mixout_su_count > 0}
            <div class="num1">{$mixout_su_count}</div>
            {/if}
        </a>
        {/if}

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']!=2}
        <a href="{:url('commission/comlist')}" class="fs-15">
            <img src="http://cdn.mogo.club/e7772eff18e06e7cab0446e2bf474428.png" alt="" style="width: 30px">
            <span class="fs-15 sn">{$is_language?'獎金記錄':'Bonus record'}</span>
        </a>
        {/if}

        <a href="{:url('trans/index')}">
            <img src="http://cdn.mogo.club/c7690ae84d409011b9b4e2e74950fa5b.png" alt="" style="width: 30px">
            <span class="fs-15 sn">{$is_language?'積分互轉':'Directional Trading'}</span>
        </a>

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']!=2}
        <a href="{:url('commission/index')}" class="fs-15">
            <img src="http://cdn.mogo.club/f81c8d4a9dcf12e2757c1f719a2dfc54.png" alt="" style="width: 30px">
            <span class="fs-15 sn">{$is_language?'獎金兌換':'Bonus Exchange'}</span>
        </a>
        {/if}

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']!=2}
        <a href="{:url('order/index')}" class="fs-15">
            <img src="http://cdn.mogo.club/e7772eff18e06e7cab0446e2bf474428.png" alt="" style="width: 30px">
            <span class="fs-15 sn">{$is_language?'HGB值':'HGB value'}</span>
        </a>
        {/if}

        <a href="{:url('myteam/index')}">
            <img src="http://cdn.mogo.club/c7690ae84d409011b9b4e2e74950fa5b.png" alt="" style="width: 30px">
            <span class="fs-15 sn">{$is_language?'我的團隊':'My team'}</span>
        </a>

        <a href="{:url('moneychange/index')}" class="fs-15">
            <img src="http://cdn.mogo.club/f81c8d4a9dcf12e2757c1f719a2dfc54.png" alt="" style="width: 30px">
            <span class="fs-15 sn">{$is_language?'積分變動':'Record changes'}</span>
        </a>

        {if $_SESSION['dolphin_admin_']['home_user']['group_id']!=2}
        <a href="{:url('apply/feedback')}" class="fs-15">
            <img src="http://cdn.mogo.club/e7772eff18e06e7cab0446e2bf474428.png" alt="" style="width: 30px">
            <span class="fs-15 sn">{$is_language?'反饋':'Table on feedback'}</span>
        </a>
        {/if}
    </div>
    <div style="padding: 0 5%;margin-top: 20px">
        <a href="{:url('user/out_login')}" class="bg-pur" style="border-radius: 20px;height: 40px;display: flex;align-items: center;justify-content: center; color: #fff;">
            {$is_language?'退出登錄':'Logout login'}
        </a>
    </div>
</div>
<div style="padding: 10px 0;">
    <div class="grey fs-12" style="text-align: center;">©HGB</div>
    <a href="https://www.okcoin.cn/market-btc.html" class="grey fs-12" style="text-align: center;display: block">
        {$is_language?'友情鏈接':'Links'}：{$is_language?'國際比特幣交易中心':'International bitcoin Trading Center'}
    </a>
</div>
<script type="text/javascript">
    $(document).on("change", 'select#yy', function () {
        var yy = $(this).val();
        console.log(yy)
        var url = "{:url('index/language')}";
        $.post(url, {language: yy}, function (res) {
            window.location.reload();
        })
    });
    // 滚动插件
    $(window).load(function() {
        $('.str1').liMarquee();
    });

    $(function () {
        FastClick.attach(document.body);
    });

</script>
</body>
</html>